.bgi {
	position: absolute;
	top: 0;
	// height: 350rpx;
	// background-color: #03ab91;
	width: 100%;
	height: 600rpx;

	.image {
		position: absolute;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
	}

	.vip_date {
		position: absolute;
		z-index: -1;
		bottom: 0;
		width: 80%;
		left: 50%;
		height: 70rpx;
		transform: translate(-50%);
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		padding: 0 20rpx;
		background-color: #cff4ee;
		color: #14B39B;
		display: flex;
		.vip_left {
			flex: 4;
			display: flex;
			align-items: center;

			image {
				width: 24rpx;
				height: 24rpx;
				padding-right: 20rpx;
			}

			font-size: 24rpx;
		}

		.vip_rifht {
			display: flex;
			align-items: center;
			// flex: 1;
			font-size: 24rpx;
		}
	}
}

.content {
	margin-top: 200rpx;

	.user {
		position: relative;

		.set {
			text-align: right;
			margin-right: 20rpx;

			image {
				width: 45rpx;
				height: 45rpx;
			}
		}

		.user_info {
			padding: 0 20rpx;
			display: flex;
			height: 120rpx;
			.user_img {
				border-radius: 50%;
				image {
					border-radius: 50%;
					width: 120rpx;
					height: 120rpx;
				}
			}

			.user_text {
				padding: 10rpx 0;
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				color: #fff;
				font-size: 28rpx;

				.username {
					font-weight: 700;
					font-size: 38rpx;
				}
			}
		}

		.user_money {
			padding-top: 40rpx;
			color: #fff;
			display: flex;
			justify-content: space-between;

			.num {
				font-size: 36rpx;
			}

			.text {
				font-size: 24rpx;
			}

			.coupon {
				text-align: center;
				flex: 1;
			}

			.scoring {
				text-align: center;
				flex: 1;
			}

			.balance {
				text-align: center;
				flex: 1;
			}
		}
	}

	.order {
		margin-top: 120rpx;

		.my_order {
			background-color: #fff;

			.order_title {
				font-weight: 700;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				line-height: 100rpx;
				border-bottom: 1px solid #e6e6e6;
				padding: 0 30rpx;
			}

			.order_list {
				display: flex;

				.order_item {
					flex: 1;
					text-align: center;
					padding: 30rpx 0;

					.order_sts {
						image {
							width: 48rpx;
							height: 48rpx;
						}
					}

					.order_text {
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #666666;
					}
				}
			}
		}
	}

	.other {
		.my_other {
			background-color: #fff;

			.other_title {
				font-weight: 700;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				line-height: 100rpx;
				border-bottom: 1px solid #e6e6e6;
				padding: 0 30rpx;
			}

			.other_list {
				.other_item {
					border-bottom: 1px solid #e6e6e6;
					padding: 30rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}

				.item_img {
					image {
						width: 42rpx;
						height: 42rpx;
					}

					width: 42rpx;
					height: 42rpx;
				}

				.item_text {
					padding: 0 20rpx;
					flex: 1;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #666666;
				}

				.item_icon {
					image {
						width: 23rpx;
						height: 33rpx;
					}

				}
			}
		}
	}

	.user_link {
		.user_link_title {
			line-height: 100rpx;

			image {
				width: 32rpx;
				height: 32rpx;
				padding: 0 10rpx;
			}

			view {
				display: flex;
				align-items: center;
			}

			text {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
			}

			display: flex;
			align-items: center;
			justify-content:center;
		}

		.goods_list {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 20rpx;

			.goods_item {
				width: 48%;
				margin: 20rpx 0;

				.item_img {
					width: 341rpx;
					height: 290rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.item_info {
					background: linear-gradient(to right, #fae5dd, #f7d3c4);
					padding: 20rpx;

					.info_title {
						display: flex;

						view {
							font-size: 23rpx;
							font-family: PingFang SC;
							border-radius: 10rpx;
							padding: 5rpx 6rpx;
							margin-right: 20rpx;
							color: #FFFFFF;
							background-color: #F1381E;
						}

						font-size: 35rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}

					.info_lat {
						display: flex;
						justify-content: space-between;
						padding: 10rpx 0;

						.a {
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #999999;
						}

						.b {
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #999999;
						}
					}

					.info_price {
						display: flex;
						justify-content: space-between;
						align-items: center;

						.a {
							display: flex;
							align-items: center;

							.a-a {
								color: #F1381E;

								font-size: 20rpx;
							}

							.a-b {
								text-decoration: line-through;
								font-size: 25rpx;
								color: #999999;
							}
						}

						.b {
							image {
								width: 51rpx;
								height: 51rpx;
							}
						}
					}
				}
			}

			.goods_item::after {
				content: "";
				flex: auto;
			}
		}
	}
}
